<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>TestEdge</title>
		<style>
			.floatleft {
				float: left;
			}
			.floatright {
				float: right !important;
			}
			.clearBoth {
				clear: both;
				height: 0px;
				line-height: 0px;
				font-size: 0;
				display: block;
			}
			.bold {
				font-weight: bold !important;
			}
			.qImage {
				top: 1px;
			}
		</style>
		<script>
			$(document).ready(function() {
				infuser.defaults.templateUrl = "/ce-static-testedge/common/html/templates";
				console.log("2014-02-27 ************** previewSingleQuestion.html $(document).ready qpaper_preview js:: ");
				previewQuestionModel = new PreviewQuestionModel();
				ko.applyBindings(previewQuestionModel, document.getElementById('mainSinglePreviewContentID'));
			});
		</script>

		<script>
			console.log("came in inner html file load script");
		</script>

	</head>
	<body>
		<!--BO Main Content -->
		<div id="mainSinglePreviewContentID">
			<div data-bind="dialog: {width:'948', height:'694', modal : 'true', 'autoOpen': false, 'title': 'Preview Question' }, dialogVisible: isVisibleDialog">
				<!-- previewSingleQuestion.html questionData:: <div data-bind="text: questionData"></div> -->
				<div data-bind="with: questionData()">
					<div id="singleQuestionViewID" class="singleQuestionView" data-bind="template: { name: 'SingleQuestionTemplate',templatePrefix: 'question/', with: $data }"></div>
				</div>
				<div class="bottomButton" style="position: relative">
					<a data-bind="click: closePreview" href="#" class="te-button buttonBlue floatleft" id="save" >Close</a>
					<div class="clearBoth"></div>
				</div>

			</div>

		</div>
		<!--EO Main Content -->
	</body>
</html>
